<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" />
		<title>svg sprite</title>
		<style type="text/css">
			html,
			body {
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				background: #000;
			}

			svg {
				width: 40px;
				height: 40px
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
	</head>

	<body>
		<div class="page">
			<!-- <svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none;">
        <symbol id="back-rtl" viewBox="0 0 41 41">
          <path data-name="shape 540" d="M2 18.388l31.461.033L18.2 3.243l2.246-2.234 16.478 16.385a3.673 3.673 0 0 1 0 5.214L20.448 38.993 18.2 36.758 33.462 21.58 2 21.548v-3.16z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="back" viewBox="0 0 41 41">
          <path data-name="形状 540" d="M37.967 18.4l-31.434.033 15.248-15.1L19.537 1.1 3.076 17.407a3.644 3.644 0 0 0 0 5.188L19.537 38.9l2.244-2.223L6.534 21.573l31.434-.033V18.4z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="bell" viewBox="0 0 41 41">
          <path data-name="形状 543" d="M19.955.259A1.559 1.559 0 0 1 21.5 1.675l.007.15v3.732c6.94.7 12.276 6 12.438 12.791v14.279H35.5a1.559 1.559 0 0 1 1.548 1.416l.007.15a1.562 1.562 0 0 1-1.406 1.559l-.149.007h-8.986a6.731 6.731 0 0 1-13.118 0H4.4a1.567 1.567 0 0 1-.149-3.125l.149-.007h1.556V18.665c0-6.94 5.395-12.4 12.442-13.108V1.825A1.561 1.561 0 0 1 19.955.259zm3.28 35.5h-6.56a3.619 3.619 0 0 0 6.559.002zm-3.28-27.147c-6.029 0-10.728 4.257-10.883 9.771v14.244h21.77V18.665c0-5.557-4.6-9.906-10.581-10.05z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="bell1" viewBox="0 0 41 41">
          <path data-name="形状 542" d="M20.217.259a1.573 1.573 0 0 1 1.57 1.416l.007.15v3.732c7.038.7 12.451 6 12.615 12.791v14.279h1.578a1.573 1.573 0 0 1 1.57 1.416l.007.15a1.571 1.571 0 0 1-1.426 1.559l-.151.007h-9.118a6.849 6.849 0 0 1-13.3 0H4.443a1.566 1.566 0 0 1-.151-3.125l.151-.007H6.02V18.665c0-6.94 5.471-12.4 12.619-13.108V1.825A1.572 1.572 0 0 1 20.217.259zm3.326 35.5h-6.652a3.691 3.691 0 0 0 6.652.002zM20.217 8.612c-6.115 0-10.881 4.257-11.038 9.771v14.244h22.08V18.665c0-5.557-4.664-9.906-10.732-10.05zM7.187 3.7a1.585 1.585 0 0 1 2.206.33 1.559 1.559 0 0 1-.333 2.188 13.878 13.878 0 0 0-4.57 5.8 14.056 14.056 0 0 0-1.1 5.473 1.577 1.577 0 0 1-3.155 0A17.071 17.071 0 0 1 7.185 3.7zm26.587 0a17.07 17.07 0 0 1 6.95 13.79 1.577 1.577 0 0 1-3.155 0 14.073 14.073 0 0 0-1.1-5.473 13.877 13.877 0 0 0-4.571-5.8 1.559 1.559 0 0 1-.332-2.191 1.585 1.585 0 0 1 2.206-.33z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="bell2" viewBox="0 0 1024 1024">
          <path d="M512 74.667a32 32 0 0 1 31.85 28.928l.15 3.072v76.245c142.784 14.208 252.587 122.624 255.915 261.333l.085 6.486V736h32a32 32 0 0 1 31.85 28.928L864 768a32 32 0 0 1-28.928 31.85L832 800H646.955a138.71 138.71 0 0 1-269.91 0H192a32 32 0 0 1-3.072-63.85L192 736h32V450.73c0-141.802 110.997-253.397 256-267.818v-76.245a32 32 0 0 1 32-32zm67.477 725.354H444.523a74.667 74.667 0 0 0 134.954 0zM512 245.333c-124.053 0-220.736 86.976-223.915 199.638l-.085 5.76V736h448V450.73c0-113.535-94.613-202.389-217.707-205.333l-6.293-.064zM247.659 144.917a32 32 0 0 1 38.016 51.499 283.243 283.243 0 0 0-92.715 118.421 289.003 289.003 0 0 0-22.293 111.83 32 32 0 0 1-64 0c0-47.51 9.344-93.739 27.264-136.534a347.243 347.243 0 0 1 113.706-145.216zm539.349 0a347.243 347.243 0 0 1 113.728 145.216A352.981 352.981 0 0 1 928 426.667a32 32 0 0 1-64 0c0-38.998-7.659-76.822-22.293-111.83a283.243 283.243 0 0 0-92.715-118.421 32 32 0 1 1 38.016-51.499z"/>
        </symbol>
        <symbol id="checked-full" viewBox="0 0 16 16">
          <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4.6 5.5l-5.4 5.4c-.2.2-.5.2-.7 0l-3.1-3c-.2-.2-.2-.5 0-.7.2-.2.5-.2.7 0l2.7 2.7 5.1-5.1c.2-.2.5-.2.7 0 .2.2.2.5 0 .7z" fill="#fff"/>
        </symbol>
        <symbol id="checked" viewBox="0 0 1024 1024">
          <path d="M512 128c-212.08 0-384 171.92-384 384s171.92 384 384 384 384-171.92 384-384-171.92-384-384-384zm220.624 264.4L472.4 652.624c-9.36 9.376-24.56 9.376-33.936 0L291.392 505.536c-9.376-9.376-9.376-24.576 0-33.936 9.376-9.376 24.576-9.376 33.936 0L455.44 601.712l243.264-243.264c9.36-9.376 24.56-9.376 33.936 0s9.36 24.576-.016 33.952z" fill="#fff"/>
        </symbol>
        <symbol id="checker" viewBox="0 0 1024 1024">
          <path d="M918.8 83.7c-43.5-30.3-104-19.5-134.6 24.1l-425.8 606-127-135.7c-36.4-38.9-98.1-41.1-137-4.8-39 36.2-41.1 97.7-4.7 136.6l206.5 220.7c4.7 5 9.8 9.4 15.1 13.1.7.5 1.4 1 2.2 1.5 43.5 30.3 104 19.5 134.6-24.1l494-703.2c30.7-43.5 20.1-103.9-23.3-134.2z" fill="#00c42b"/>
        </symbol>
        <symbol id="close" viewBox="0 0 1024 1024">
          <path d="M512 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512zm0-981.333A469.333 469.333 0 1 0 981.333 512 469.333 469.333 0 0 0 512 42.667zm207.403 676.437a20.224 20.224 0 0 1-28.63 0L511.83 540.16 332.885 719.104a20.245 20.245 0 1 1-28.629-28.63L483.2 511.532 304.555 332.885a20.245 20.245 0 0 1 28.629-28.629l178.645 178.645 178.646-178.645a20.245 20.245 0 1 1 28.629 28.63L540.459 511.53l178.944 178.944a20.224 20.224 0 0 1 0 28.629z" fill="#fff"/>
        </symbol>
        <symbol id="question" viewBox="0 0 41 41">
          <path data-name="形状 541" d="M20.177 31.719a3.139 3.139 0 0 1 .148 6.275h-.148a3.1 3.1 0 0 1-3-3.213 3.068 3.068 0 0 1 3-3.062zM20.065 2.12C26.4 2.007 31.7 6.694 31.031 13.5c-.37 3.553-2 5.406-5.372 7.56l-.852.529c-1.889 1.21-2.371 1.852-2.371 3.1v3.7h-4.667v-3.7c0-3.44 1.482-5.179 4.89-7.334l.852-.529c2.038-1.323 2.7-2.155 2.852-3.78.37-3.7-2.482-6.275-6.261-6.2a6.414 6.414 0 0 0-6.335 6.426H9.174A11.1 11.1 0 0 1 20.065 2.12z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="share-rtl" viewBox="0 0 41 41">
          <path data-name="shape 544" d="M41.007 29.919a17.373 17.373 0 0 0-7.381-14.833 22.633 22.633 0 0 0-12.62-4.041v2.831a19.781 19.781 0 0 1 10.953 3.508 14.118 14.118 0 0 1 5.867 9.044c-3.226-4.012-8.876-5.947-16.82-5.947v6.729L4.268 18.055a.7.7 0 0 1 0-1.274L23.126 6.466l-1.381-2.479L2.887 14.3a3.521 3.521 0 0 0 0 6.228l17.143 9.38a2.573 2.573 0 0 0 3.834-2.179V23.4c9.725.668 14.286 4.924 14.286 13.6h2.857v-7.081z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
        <symbol id="share" viewBox="0 0 41 41">
          <path data-name="形状 544" d="M.305 29.848a17.243 17.243 0 0 1 7.324-14.721 22.453 22.453 0 0 1 12.521-4.01v2.81a19.624 19.624 0 0 0-10.867 3.481 14.01 14.01 0 0 0-5.821 8.976c3.2-3.981 8.807-5.9 16.688-5.9v6.676l16.608-9.087a.7.7 0 0 0 0-1.264L18.047 6.573l1.37-2.46L38.128 14.35a3.5 3.5 0 0 1 0 6.181l-17.01 9.309a2.553 2.553 0 0 1-3.8-2.162v-4.295C7.666 24.041 3.14 28.265 3.14 36.872H.305v-7.024z" fill="#fff" fill-rule="evenodd"/>
        </symbol>
      </svg> -->
			<ul>
				<li><svg>
						<use xlink:href="./icon-all.svg#back" /></svg></li>
				<li><svg>
						<use xlink:href="./icon-all.svg#back-rtl" /></svg></li>
				<li><svg>
						<use xlink:href="./icon-all.svg#bell" /></svg></li>
				<li><svg>
						<use xlink:href="./icon-all.svg#checked-full" /></svg></li>
				<li><svg>
						<use xlink:href="./icon-all.svg#checker" /></svg></li>
				<li><svg>
						<use xlink:href="./icon-all.svg#checked" /></svg></li>
			</ul>
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.slim.min.js"></script>
	</body>
</html>
